<template>
  <div>
    <!-- 插槽-路由容器 -->
    <router-view></router-view>
    <!-- <router-view></router-view>
    <router-view></router-view> -->

    <Tabbar v-if="isTabbarShow"></Tabbar>
  </div>
</template>


<script>
import Tabbar from './components/Tabbar.vue'
import store from "./store/index.js";
import {mapState} from "vuex";
import TabbarModule from "./store/module/TabbarModule.js";

export default {
  components: {
    Tabbar
  },
  mounted() {
    console.log(this.$store.state.TabbarModule.isTabbarShow)
  },
  // computed:{
  //   isTabbarShow(){
  //     return this.$store.state.isTabbarShow
  //   }
  // }
  computed:{
    ...mapState('TabbarModule',['isTabbarShow']),

    myCumpute(){
      return "自定义"
    }
  }
}
</script>
<style>
* {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}
</style>
